﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="profile.aspx.cs" Inherits="TodayWho.add" ValidateRequest="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <html itemscope itemtype="http://schema.org/Person">
    <link rel="Stylesheet" href="style/fonts.css" type="text/css" />
   <%-- <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all"/>--%>
    <link rel="Stylesheet" href="style/ui-lightness/jquery-ui-1.8.17.custom.css" type="text/css" />   
    <link rel="Stylesheet" href="style/farbtastic.css" type="text/css" />
    <link rel="Stylesheet" href="valums/fileuploader.css" type="text/css" />
    

    
    <script language="javascript" type="text/javascript" src="Scripts/jquery-ui-1.8.16.custom.min.js" ></script>
    <script language="javascript" type="text/javascript" src="Scripts/jquery.backstretch.min.js" ></script>
    <script language="javascript" type="text/javascript" src="Scripts/fontPicker.js" ></script>
    <script language="javascript" type="text/javascript" src="Scripts/farbtastic.js" ></script>
    <script language="javascript" type="text/javascript" src="tiny_mce/jquery.tinymce.js" ></script>
    <script language="javascript" type="text/javascript" src="valums/fileuploader.js" ></script>
    <script src="https://connect.facebook.net/tr_TR/all.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
    

    <script language="javascript" type="text/javascript">

        function save(key,value) {
            $.ajax({
                type: "POST",
                url: "profile.aspx/Save",
                data: "{'key':'" + key + "','value':'" + value + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    
                    if (msg.d == 'True') {
                        $("#saved").fadeIn('slow');
                        $("#saved").fadeOut('slow');
                    }
                }
            });        
        }


        $(document).ready(function () {

            Initialize();

            $("#draggable").draggable({ containment: "parent" });
            $("#draggable2").draggable(
                { containment: "parent",
                    stop: function (event, ui) {
                        save("boxTop", $("#draggable2").position().top);
                        save("boxLeft", $("#draggable2").position().left);
                    }
                }
            );
            //$("#draggable").draggable();
            //$("#draggable2").draggable();
            $("#draggable").tabs();




            // change bgColor
            $("[id$='_txtBgColor']").click(function () {
                var picker = $.farbtastic("#dialog-modal5");
                picker.setColor($("[id$='_txtBgColor']").val());
                picker.linkTo(function (color) {
                    $("[id$='_txtBgColor']").val(color);
                    $("[id$='_txtBgColor']").css("background-color", color);
                    $('body').css("background-color", color);

                });



                $("#dialog:ui-dialog").dialog("destroy");

                $("#dialog-modal5").dialog({
                    height: 242,
                    width: 225,
                    modal: true,
                    open: function (event, ui) {
                        $('.ui-widget-overlay').bind('click', function () {
                            $("#dialog-modal5").dialog('close');
                            save("bgColor", $("[id$='_txtBgColor']").val());
                        });
                    }
                });
            });


            // $("#draggable2").resizable({
            //aspectRatio: 1 / 1
            // });


            // change nameSurname
            $("[id$='_txtName']").keyup(function () {
                var txt = $("[id$='_txtName']").val()
                $("#dNameSurname").html(txt);
                save('nameSurname', txt);
            });
            // change title
            $("[id$='_txtTitle']").keyup(function () {
                var txt = $("[id$='_txtTitle']").val()
                $("#dTitle").html(txt);
                save('title', txt);
            });



            // change shortDesc
            $("#txtDescription").tinymce({
                script_url: './tiny_mce/tiny_mce.js',
                theme: "advanced",
                width: 506,
                height: 200,
                theme_advanced_buttons1: "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
                theme_advanced_buttons2: "",
                theme_advanced_buttons3: "",
                theme_advanced_toolbar_location: "top",
                theme_advanced_toolbar_align: "left",
                theme_advanced_statusbar_location: "bottom",
                plugins: 'inlinepopups',
                onchange_callback: function () {
                    var txt = $("#txtDescription").html();
                    $("#dDescription").html(txt);
                    save('shortDesc', txt);


                },
                setup: function (ed) {
                    ed.onKeyUp.add(function (ed, e) {
                        var txt = $("#txtDescription").html();
                        $("#dDescription").html(txt);
                        save('shortDesc', txt);
                    });
                }

            });


            // change nameColor
            /*$("[id$='_txtChangeFontColorName']").click(function () {
            $("#dialog-modal").farbtastic(function (color) {
            $("[id$='_txtChangeFontColorName']").val(color);
            $("[id$='_txtChangeFontColorName']").css("background-color", color);
            $("#dNameSurname").css("color", color);

            });*/
            $("[id$='_txtChangeFontColorName']").click(function () {
                var picker = $.farbtastic("#dialog-modal");
                picker.setColor($("[id$='_txtChangeFontColorName']").val());
                picker.linkTo(function (color) {
                    $("[id$='_txtChangeFontColorName']").val(color);
                    $("[id$='_txtChangeFontColorName']").css("background-color", color);
                    $("#dNameSurname").css("color", color);

                });

                $("#dialog-modal").dialog({
                    height: 242,
                    width: 225,
                    modal: true,
                    open: function (event, ui) {
                        $('.ui-widget-overlay').bind('click', function () {
                            $("#dialog-modal").dialog('close');
                            save("nameColor", $("[id$='_txtChangeFontColorName']").val());
                        });
                    }
                });

            });

            // change nameFontSize
            $("#sliderChangeFontSizeName").slider({
                value: 100,
                min: 0,
                max: 100,
                step: 4,
                slide: function (event, ui) {
                    var txt = ui.value;
                    $("#dNameSurname").css("font-size", txt + 'px');
                    $("#infoChangeFontSizeName").html(txt + "px");
                    save("nameFontSize", txt);

                }
            });

            // change titleColor
            $("[id$='_txtChangeFontColorTitle']").click(function () {
                var picker = $.farbtastic("#dialog-modal2");
                picker.setColor($("[id$='_txtChangeFontColorTitle']").val());
                picker.linkTo(function (color) {
                    $("[id$='_txtChangeFontColorTitle']").val(color);
                    $("[id$='_txtChangeFontColorTitle']").css("background-color", color);
                    $("#dTitle").css("color", color);

                });

                $("#dialog-modal2").dialog({
                    height: 242,
                    width: 225,
                    modal: true,
                    open: function (event, ui) {
                        $('.ui-widget-overlay').bind('click', function () {
                            $("#dialog-modal2").dialog('close');
                            save("titleColor", $("[id$='_txtChangeFontColorTitle']").val());
                        });
                    }
                });
            });



            // change titleFontSize
            $("#sliderChangeFontSizeTitle").slider({
                value: 50,
                min: 0,
                max: 200,
                step: 4,
                slide: function (event, ui) {
                    var txt = ui.value;
                    $("#dTitle").css("font-size", txt + 'px');
                    $("#infoChangeFontSizeTitle").html(txt + "px");
                    save("titleFontSize", txt);

                }
            });




            // change shortDescColor
            $("[id$='_txtChangeFontColorDesc']").click(function () {
                var picker = $.farbtastic("#dialog-modal3");
                picker.setColor($("[id$='_txtChangeFontColorDesc']").val());
                picker.linkTo(function (color) {
                    $("[id$='_txtChangeFontColorDesc']").val(color);
                    $("[id$='_txtChangeFontColorDesc']").css("background-color", color);
                    $("#dDescription").css("color", color);

                });


                $("#dialog-modal3").dialog({
                    height: 242,
                    width: 225,
                    modal: true,
                    open: function (event, ui) {
                        $('.ui-widget-overlay').bind('click', function () {
                            $("#dialog-modal3").dialog('close');
                            save("shortDescColor", $("[id$='_txtChangeFontColorDesc']").val());
                        });
                    }
                });
            });

            // change shortDescFontSize
            $("#sliderChangeFontSizeDesc").slider({
                value: 12,
                min: 0,
                max: 80,
                step: 4,
                slide: function (event, ui) {
                    var txt = ui.value;
                    $("#dDescription").css("font-size", txt + 'px');
                    $("#infoChangeFontSizeDesc").html(txt + "px");
                    save("shortDescFontSize", txt);

                }
            });




            // change boxColor
            $("[id$='_txtChangeBodyColor']").click(function () {
                var picker = $.farbtastic("#dialog-modal4");
                picker.setColor($("[id$='_txtChangeBodyColor']").val());
                picker.linkTo(function (color) {
                    $("[id$='_txtChangeBodyColor']").val(color);
                    $("[id$='_txtChangeBodyColor']").css("background-color", color);
                    var sliderval = $("#slider").slider("value");
                    color = color.substring(1);
                    var r1 = parseInt(color.substring(0, 2), 16);
                    var g1 = parseInt(color.substring(2, 4), 16);
                    var b1 = parseInt(color.substring(4, 6), 16);
                    if ($.browser.msie) {
                        var argb = "#" + (Math.floor(sliderval * 255)).toString(16) + color;
                        $("#draggable2").css("-ms-filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")"); /* IE8 */
                        $("#draggable2").css("filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")");   /* IE6 & 7 */
                    } else {
                        $("#draggable2").css("background-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + sliderval + ")");
                        $("#draggable2").css("border-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + sliderval + ")");

                    }

                });



                $("#dialog-modal4").dialog({
                    height: 242,
                    width: 225,
                    modal: true,
                    open: function (event, ui) {
                        $('.ui-widget-overlay').bind('click', function () {
                            $("#dialog-modal4").dialog('close');
                            save("boxColor", $("[id$='_txtChangeBodyColor']").val());
                            save("opacity", 0);
                        });
                    }
                });
            });


            // change opacity
            $(function () {
                $("#slider").slider({
                    value: 0,
                    min: 0,
                    step: 0.05,
                    max: 1,

                    slide: function (event, ui) {
                        var txt = $("#slider").slider("value");
                        var hex = $("[id$='_txtChangeBodyColor']").val();
                        hex = hex.substring(1);
                        var r1 = parseInt(hex.substring(0, 2), 16);
                        var g1 = parseInt(hex.substring(2, 4), 16);
                        var b1 = parseInt(hex.substring(4, 6), 16);

                        if ($.browser.msie) {
                            var argb = "#" + (Math.floor(txt * 255)).toString(16) + hex;
                            $("#draggable2").css("-ms-filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")"); /* IE8 */
                            $("#draggable2").css("filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")");   /* IE6 & 7 */


                        } else {
                            $("#draggable2").css("background-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + txt + ")");
                            $("#draggable2").css("border-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + txt + ")");
                        }

                        save("opacity", txt);
                    }
                });
            });

            // change service text 
            $("div#servicesInputs input").keyup(function () {
                var id = $(this).attr("id");
                var service = id.split("_")[3];
                var txt = $("[id$='_txtService_" + service + "']").val();
                $("#ad_" + service).attr("href", txt);
                $("#imgd_" + service).css("display", "block");
                if ($("[id$='_txtService_" + service + "']").val() == "") {
                    $("#imgd_" + service).css("display", "none");
                }
                save("service", service + "^" + txt);
            });

            $("div#services img").click(function () {
                var id = $(this).attr("id");
                toggleServiceImage(id);
            });

            // change bgType
            $("#divRblistBgType input:radio").click(function () {
                if ($("[id$='_chxUsePhoto']").is(':checked') == true) {
                    var selected = $("#divRblistBgType input:radio:checked").val();
                    var url = $("body").css('background-image');
                    var photoPath;
                    if (url.indexOf("url") != -1) {
                        url = url.replace(/^url\(["']?/, '').replace(/["']?\)$/, '');
                        photoPath = url;
                    }
                    var prevBgColor = $("body").css('background-color');
                    if (selected == 'Center') {
                        $("body").css('background', url);
                        $("body").css('background-repeat', 'no-repeat');
                        $("body").css('background-position', 'top');
                        $("body").css('background-color', prevBgColor);
                        $("#backstretch").css("display", "none");
                        save("bgType", "Center");
                    }
                    else if (selected == 'Tile') {
                        $("body").css('background', url);
                        $("body").css('background-repeat', 'repeat');
                        $("body").css('background-color', prevBgColor);
                        $("#backstretch").css("display", "none");
                        save("bgType", "Tile");
                    }
                    else {
                        if (photoPath != null) {
                            $.backstretch(photoPath);
                        }
                        $("body").css('background-color', prevBgColor);
                        $("#backstretch").css("display", "block");
                        save("bgType", "Scale");
                    }
                }
            });

            // changes are done in fontpicker.js
            $(function () {
                $("#chgNameFont").fontSelector(0);
            });
            $(function () {
                $("#chgNameFont2").fontSelector(1);
            });
            $(function () {
                $("#chgNameFont3").fontSelector(2);
            });

            $("#closeDraggable").click(function () {
                $("#draggable").css("display", "none");
                $("#spanProfile").addClass("hoverOrange");
                
            });
            $("#closeDraggable").hover(
                function () {
                    $("#closeDraggable").css("background-image", "url(style/ui-lightness/images/ui-icons_ef8c08_256x240.png)");
                },
                function () {
                    $("#closeDraggable").css("background-image", "url(style/ui-lightness/images/ui-icons_ffffff_256x240.png)");
                });


            // use photo or not after a photo is uploaded
            $("[id$='_chxUsePhoto']").click(function () {
                if ($("[id$='_chxUsePhoto']").is(':checked')) {
                    $("body").css('background', "url(" + $('#imgCurrentPhoto').attr('src') + ")");
                    $("body").css('background-repeat', 'no-repeat');
                    $("body").css('background-position', 'top');
                    $("body").css('background-color', $("[id$='_txtBgColor']").val());
                    $("#backstretch").css("display", "none");
                    $('#divRblistBgType input:radio').filter('[value="Center"]').attr('checked', true);
                    save("isPhotoUsed", 1);
                }
                else {
                    $("body").css('background', '');
                    $("#backstretch").css("display", "none");
                    $("body").css('background-color', $("[id$='_txtBgColor']").val());
                    save("isPhotoUsed", 0);
                }
            });



            var uploader = new qq.FileUploader({
                // pass the dom node (ex. $(selector)[0] for jQuery users)
                element: document.getElementById('file-uploader'),

                allowedExtensions: ['jpg', 'jpeg', 'png'],
                sizeLimit: 1024 * 5 * 1000,
                // path to server-side upload script
                action: 'fileUploadHandler.ashx',
                onComplete: function (id, fileName, responseJSON) {
                    var prevBgColor = $("body").css('background-color');
                    $("body").css('background', "url(" + responseJSON.path + ")");
                    $("body").css('background-repeat', 'no-repeat');
                    $("body").css('background-position', 'top');
                    $("body").css('background-color', prevBgColor);
                    $("#backstretch").css("display", "none");
                    $('#divRblistBgType input:radio').filter('[value="Center"]').attr('checked', true);
                    $("#imgCurrentPhoto").attr('src', responseJSON.path);
                    $("#trPhoto1").show();
                    $("#trPhoto2").show();
                    save("photoUrl1", responseJSON.path);
                    save("isTherePhoto", 1);
                    save("isPhotoUsed", 1);
                }
            });

            //FB.init({ appId: '283575318389020', status: true, cookie: true, xfbml: true });
            FB.init({ appId: '274521685956429', status: true, cookie: true, xfbml: true });

            $("#btnComments").click(function () {
                $("#dialog-modal-fbComments").dialog({
                    autoResize: true,
                    width: 'auto',
                    modal: true,
                    draggable: true,
                    resizable: false

                });
            });

            $("#imgVotePlus").click(function () {
                $.ajax({
                    type: "POST",
                    url: "profile.aspx/Vote",
                    data: "{'type':'1'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        if (msg.d == 1) {
                            alert("login olman lazim");
                        }
                        else if (msg.d == 2) {
                            alert("zaten oy vermissin.");
                        }
                        else {
                            alert("arti oy artti");
                            $("#spanVotePlus").html(parseInt($("#spanVotePlus").html()) + 1);
                        }
                    },
                    error: function (msg) {
                        alert(" zaten oy vermissin");
                    }
                });
            });

            $("#imgVoteMinus").click(function () {
                $.ajax({
                    type: "POST",
                    url: "profile.aspx/Vote",
                    data: "{'type':'0'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {

                        if (msg.d == 1) {
                            alert("login olman lazim");
                        }
                        else if (msg.d == 2) {
                            alert("zaten oy vermissin.");
                        }
                        else {
                            alert("eksi oy artti");
                            $("#spanVoteMinus").html(parseInt($("#spanVoteMinus").html()) + 1);
                        }
                    },
                    error: function (msg) {
                        alert("zaten oy vermissin.");
                    }
                });

            });


        });


    function Initialize() {

        $("#content").height($(window).height() - 50 -1);

        $.ajax({
            type: "POST",
            url: "profile.aspx/InitializeUser",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                var user = msg.d[0];
                var userPrefs = msg.d[1];
                var isDraggable = msg.d[2];

                // services
                $("div#services img").each(function () {

                    var id = $(this).attr("id");
                    var service = id.split("_")[1];
                    serviceC = service.charAt(0).toUpperCase() + service.slice(1);

                    $("#ad_" + service).attr("href", user[serviceC]);
                    $("[id$='_txtService_" + service + "']").val(user[serviceC]);
                    if ($("[id$='_txtService_" + service + "']").val() != "") {
                        $("#imgd_" + service).css("display", "block");
                    }
                });

                $("#draggable2").show(); // prevent early loading 

                if (!isDraggable) {
                    $("#draggable").remove();
                    $("#draggable2").draggable("disable");
                    $("#draggable2").css("opacity", 1); // because disabling changes opacity to 0.35
                }
                else {
                    $("#draggable").show(); // prevent loading
                    $("#spanProfile").html('Sayfam');
                    $("#spanProfile").click(function () {
                        $("#draggable").show();
                        $("#spanProfile").removeClass("hoverOrange");
                    });
                    $("#fbLikeFrame").hide();
                }

                // user initialization
                $("[id$='_txtName']").val(user.NameSurname);
                $("[id$='_txtTitle']").val(user.Title);
                $("#txtDescription").val(user.ShortDesc);

                $("#dNameSurname").html(user.NameSurname);
                $("#dTitle").html(user.Title);
                $("#dDescription").html(user.ShortDesc);

                if (user.IsTherePhoto == true) {
                    $("#imgCurrentPhoto").attr('src', user.PhotoUrl1);
                    $("#trPhoto1").show();
                    $("#trPhoto2").show();
                    if (user.IsPhotoUsed == true) {
                        var prevBgColor = $("body").css('background-color');
                        var selected = userPrefs.BgType;
                        if (selected == 'Center') {
                            $("body").css('background', "url(" + user.PhotoUrl1 + ")");
                            $("body").css('background-repeat', 'no-repeat');
                            $("body").css('background-position', 'top');
                            $("body").css('background-color', prevBgColor);
                            $("#backstretch").css("display", "none");
                        }
                        else if (selected == 'Tile') {
                            $("body").css('background', "url(" + user.PhotoUrl1 + ")");
                            $("body").css('background-repeat', 'repeat');
                            $("body").css('background-color', prevBgColor);
                            $("#backstretch").css("display", "none");
                        }
                        else {
                            $.backstretch(user.PhotoUrl1);
                            $("body").css('background', "url(" + user.PhotoUrl1 + ")");
                            $("body").css('background-color', prevBgColor);
                            $("#backstretch").css("display", "block");
                        }
                        $("[id$='_rblistBgType']").find("input[value=" + selected + "]").attr("checked", "checked");
                    }
                }

                if (user.IsPhotoUsed == false) {
                    $("[id$='_chxUsePhoto']").attr('checked', false);
                }




                // userPrefs initialization
                // background
                $("[id$='_txtBgColor']").val(userPrefs.BgColor);
                $("[id$='_txtBgColor']").css("background-color", userPrefs.BgColor);

                $("body").css('background-color', userPrefs.BgColor);

                // colors
                $("[id$='_txtChangeBodyColor']").val(userPrefs.BoxColor);
                $("[id$='_txtChangeFontColorName']").val(userPrefs.NameColor);
                $("[id$='_txtChangeFontColorTitle']").val(userPrefs.TitleColor);
                $("[id$='_txtChangeFontColorDesc']").val(userPrefs.ShortDescColor);
                $("[id$='_txtChangeBodyColor']").css("background-color", userPrefs.BoxColor);
                $("[id$='_txtChangeFontColorName']").css("background-color", userPrefs.NameColor);

                //$("#dialog-modal").setColor("#232323");
                $("#dialog-modal3").html(userPrefs.ShortDescColor);
                $("[id$='_txtChangeFontColorTitle']").css("background-color", userPrefs.TitleColor);
                $("[id$='_txtChangeFontColorDesc']").css("background-color", userPrefs.ShortDescColor);

                boxColor = userPrefs.BoxColor;
                boxColor = boxColor.substring(1);
                var r1 = parseInt(boxColor.substring(0, 2), 16);
                var g1 = parseInt(boxColor.substring(2, 4), 16);
                var b1 = parseInt(boxColor.substring(4, 6), 16);
                if ($.browser.msie) {
                    var argb = "#" + (Math.floor(userPrefs.Opacity * 255)).toString(16) + boxColor;
                    $("#draggable2").css("-ms-filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")"); /* IE8 */
                    $("#draggable2").css("filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr=" + argb + ",endColorstr=" + argb + ")");   /* IE6 & 7 */
                    $("#draggable2").css("border-style", "none");

                } else {
                    $("#draggable2").css("background-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + userPrefs.Opacity + ")");
                    $("#draggable2").css("border-color", "rgba(" + r1 + ", " + g1 + ", " + b1 + "," + userPrefs.Opacity + ")");
                }

                $("#slider").slider("option", "value", userPrefs.Opacity);
                $("#dNameSurname").css("color", userPrefs.NameColor);
                $("#dTitle").css("color", userPrefs.TitleColor);
                $("#dDescription").css("color", userPrefs.ShortDescColor);
                $("#spanVoteMinus").css("color", userPrefs.ShortDescColor);
                $("#spanVotePlus").css("color", userPrefs.ShortDescColor);

                //fonts
                $("#infoChangeFontSizeName").html(userPrefs.NameFontSize + "px");
                $("#infoChangeFontSizeTitle").html(userPrefs.TitleFontSize + "px");
                $("#infoChangeFontSizeDesc").html(userPrefs.ShortDescFontSize + "px");

                $("#sliderChangeFontSizeName").slider("option", "value", userPrefs.NameFontSize);
                $("#sliderChangeFontSizeTitle").slider("option", "value", userPrefs.TitleFontSize);
                $("#sliderChangeFontSizeDesc").slider("option", "value", userPrefs.ShortDescFontSize);

                $("#chgNameFont").val(userPrefs.NameFont);
                $("#chgNameFont2").val(userPrefs.TitleFont);
                $("#chgNameFont3").val(userPrefs.ShortDescFont);

                $("#chgNameFont").css("font-family", userPrefs.NameFont);
                $("#chgNameFont2").css("font-family", userPrefs.TitleFont);
                $("#chgNameFont3").css("font-family", userPrefs.ShortDescFont);

                $("#dNameSurname").css("font-family", userPrefs.NameFont);
                $("#dTitle").css("font-family", userPrefs.TitleFont);
                $("#dDescription").css("font-family", userPrefs.ShortDescFont);
                $("#dNameSurname").css("font-size", userPrefs.NameFontSize + "px");
                $("#dTitle").css("font-size", userPrefs.TitleFontSize + "px");
                $("#dDescription").css("font-size", userPrefs.ShortDescFontSize + "px");

                //box Position
                var height = $(window).height();
                var width = $(window).width();

                if (width <= ($("#draggable2").width() + parseInt(userPrefs.BoxLeft))) {


                    if ($("#draggable2").width() >= width)
                        $("#draggable2").css("left", userPrefs.BoxLeft + "px");
                    else
                        $("#draggable2").css("left", (width - $("#draggable2").width() - 50) + "px");

                }
                else {

                    $("#draggable2").css("left", userPrefs.BoxLeft + "px");
                }

                if (height <= ($("#draggable2").height() + parseInt(userPrefs.BoxTop))) {
                    if ($("#draggable2").height() >= height)
                        $("#draggable2").css("top", userPrefs.BoxTop + "px");
                    else
                        $("#draggable2").css("top", (height - $("#draggable2").height() - 70) + "px");

                }
                else {

                    $("#draggable2").css("top", userPrefs.BoxTop + "px");
                }

                $("#pinterestLink").attr("href", "http://pinterest.com/pin/create/button/?url=http%3A%2F%2Ftodaywho.com%2F" + user.UserName + "&media=http://todaywho.com/" + user.PhotoUrl1 + "&description=" + user.NameSurname + " - TodayWho%20sayfasi - http%3A%2F%2Ftodaywho.com%2F" + user.UserName);


            },
            error: function (msg) {
                alert(msg.d);
                //window.location = "404.aspx";
            }
        });
    }

    function toggleServiceImage(id) {
        $("div#services tr").hide();
        var service = id.split("_")[1];
        $("#tr_" + service).show();
    }
    
	</script> 
        
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
    <div id="dialogs" style="display:none">

       <div id="dialog-modal" title="Renk Seçiniz"></div>  
       <div id="dialog-modal2" title="Renk Seçiniz"></div>
       <div id="dialog-modal3" title="Renk Seçiniz"></div>
       <div id="dialog-modal4" title="Renk Seçiniz"></div>
       <div id="dialog-modal5" title="Renk Seçiniz"></div>
       <div id="dialog-modal-fbComments" >
            <fb:comments href="http://www.todaywho.com/<%= GetUserName() %>" num_posts="2" width="470"></fb:comments>
        </div>

   </div>
    <div id="content" style="width:99%">
        
        
        <div id="draggable" style="width:560px;height:auto;display:none">
            <ul> 
		        <li><a href="#background">Arka Plan</a></li> 
		        <li><a href="#personalInfo">Kisisel Bilgiler</a></li> 
                <li><a href="#colors">Renk</a></li> 
		        <li><a href="#fonts">Font</a></li> 
                <li><a href="#services">Servisler</a></li>    
                <li style="float:right"><span id="closeDraggable" class="ui-icon ui-icon-closethick" style="cursor:pointer;margin:4px">close</span></li>
                <li style="float:right"><a id="saved" style="display:none;color:Red;" href="#">Kaydedildi</a></li>
            </ul> 
	        <div id="background"> 
		        <p class="heading">Arka plan rengi</p>
                <table>
                    <tr>
                        <td> <span class="label">Arka plan rengini seçiniz :</span></td>
                        <td><div>
                               <asp:TextBox ID="txtBgColor" runat="server" Text="000000" CssClass="text" ></asp:TextBox>
                            </div>
                        </td>
                    </tr>
                </table>
                <hr />
                <p class="heading">Arka plan fotoğrafı</p>
                <span style="font-size:11px;" >Fotoğraf yükleyerek sayfanızın daha şık durmasını sağlayabilirsiniz..</span>
                <table style="margin-top:15px;"  >
                    <tr>
                        <td colspan="2"> 
                            <div id="file-uploader" style="float:left">       
                                <noscript>          
                                    <p>Lütfen tarayıcınızın javascript özelliğini aktive ediniz.</p>
                                </noscript>       
                            </div>
                            <div style="float:right;margin-top:8px">
                                <span style="font-size:11px;" >(max 5MB & sadece jpg,jpeg ve png formatları)</span>
                            </div>
                        </td>
                    </tr>
                    <tr id="trPhoto1" style="display:none">
                        <td>
                            <span class="label" >Kayıtlı fotoğrafınız :</span>
                        </td>
                        <td>
                            <img id="imgCurrentPhoto" alt="user photo" src="#" width="100" height="100"/>
                            
                        </td>
                        <td>
                            <span class="label" >Kullan :</span>
                            <asp:CheckBox ID="chxUsePhoto" runat="server" Checked="true"  />
                        </td>
                    </tr>
                    <tr id="trPhoto2"  style="display:none">
                        <td> <span class="label">Düzenle :</span></td>
                        <td>
                            <div id="divRblistBgType">
                                <asp:RadioButtonList id="rblistBgType" runat="server" RepeatDirection="Horizontal">
                                   <asp:ListItem selected="true" Value="Center">Ortala</asp:ListItem>
                                   <asp:ListItem Value="Tile">Döşe</asp:ListItem>
                                   <asp:ListItem Value="Scale">Uzat</asp:ListItem>
                                </asp:RadioButtonList>
                            </div>
                        </td>
                    </tr>
                </table>
	        </div> 
	        <div id="personalInfo"> 
		            <p class="heading">Kişisel Bilgiler</p>
                    <span style="font-size:11px;" >Kendinizle ilgili bilgi ve detayları burada paylaşabilirsiniz</span>
                    <table width="100%" cellspacing="5px" style="margin-top:15px;">
                   
                        <tr>
                            <td> <span class="label" >Ad Soyad :</span></td>
                            
                        </tr>
                        <tr>
                            <td><asp:TextBox ID="txtName" runat="server" AutoCompleteType="Disabled" CssClass="text"></asp:TextBox>
                            </td>
                        </tr>
                          <tr>
                            <td><span class="label" >Başlık :</span></td>
                            
                        </tr>
                        <tr>
                            <td>
                                <asp:TextBox ID="txtTitle"  runat="server" CssClass="text" Width="500px"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <%--<td style="vertical-align:text-top;">Kısa Bilgi :</td>--%>
                            <td><span class="label" >Kısa Bilgi :</span></td>
                            
                        </tr>
                        <tr>
                            <td>   
                                <textarea id="txtDescription" name="txtDescription" >
                                </textarea>
                            </td>
                        </tr>
                        </table> 
	        </div> 
            <div id="colors">
                <p class="heading">Renk ayarları</p>
                <table width="100%" cellpadding="5px" style="margin-top:15px;">
                    <tr>
                        <td style="width:30%"><span class="label" >Kutu rengi :</span></td>
                        <td><asp:TextBox ID="txtChangeBodyColor" runat="server" CssClass="text"  >  </asp:TextBox>
                            </td>
                    </tr>
                    <tr>
                        <td style="width:30%"><span class="label" >Opasite :</span></td>
                        <td> <div id="slider"></div></td>
                    </tr>
                    <tr>
                        <td style="width:30%"><span class="label" >İsim yazı rengi :</span></td>
                        <td> <asp:TextBox ID="txtChangeFontColorName" runat="server"  CssClass="text" ></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td style="width:30%"><span class="label" >Başlık yazı rengi :</span></td>
                        <td> <asp:TextBox ID="txtChangeFontColorTitle" runat="server" CssClass="text" ></asp:TextBox></td> </tr>
                    <tr>
                        <td style="width:30%"><span class="label" >Bilgi yazı rengi :</span></td>
                        <td><asp:TextBox ID="txtChangeFontColorDesc" runat="server" CssClass="text"  >  </asp:TextBox></td></tr>
                </table>
            </div>
	        <div id="fonts"> 
		        <div>
                 <p class="heading">Font ayarları</p>
                 <table width="100%" cellpadding="5px" style="margin-top:15px;">
                        <tr>
                            <td colspan="1"><span class="label" >İsim yazı tipi :</span></td>
                            <td colspan="2"><span class="label" >İsim yazı boyutu :</span></td>
                        </tr>
                        <tr>
                            <td><input id="chgNameFont" class="chg text" value="Courier New" style="font-family:Courier New;font-size:17px" /></td>                            
                            <td><div id="sliderChangeFontSizeName"style="width:200px"></div>
                            </td>
                            <td>
                                <div id="infoChangeFontSizeName" style="width:20px" class="label"></div>
                            </td>
                        </tr>
                         <tr>
                            <td colspan="1"><span class="label" >Ünvan yazı tipi :</span></td>
                            <td colspan="2"><span class="label" >Ünvan yazı boyutu :</span></td>
                        </tr>                   
                          <tr>
                             <td>
                             <input id="chgNameFont2" class="chg text"  value="Georgia" style="font-family:Georgia;font-size:17px"   />
                             </td>
                            <td>
                                 <div id="sliderChangeFontSizeTitle" style="width:200px" ></div>
                            </td>
                            <td>
                                <div id="infoChangeFontSizeTitle" style="width:20px" class="label"></div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="1"><span class="label" >Kısa bilgi yazı tipi :</span> </td>
                            <td colspan="2"><span class="label" >Kısa bilgi yazı boyutu :</span> </td>
                        </tr>
                          <tr>
                              <td>
                                <input id="chgNameFont3" class="chg text"  value="Comic Sans MS" style="font-family:Comic Sans MS;font-size:17px"  />
                              </td>
                            <td>
                                <div id="sliderChangeFontSizeDesc" style="width:200px"></div>
                            </td>
                            <td>
                                <div id="infoChangeFontSizeDesc" style="width:20px" class="label"></div>
                            </td>

                        </tr>
                    </table> 
                 
                </div>
	        </div>
             <div id="services"> 
                    <p class="heading">Servis ayarları</p>
                    <span style="font-size:11px;">Kullandığınız sosyal servisleri ekleyerek sizi takip edenlerin sizi daha fazla tanımasını sağlayabilirsiniz..</span>
                    <div style="margin-top:15px;margin-bottom:20px">
                        <p class="label">Servisler :</p>
                        <img src="/images/socials/facebook.png" id="img_facebook" alt="facebook" title="Facebook" />
                        <img src="/images/socials/twitter.png" id="img_twitter" alt="twitter" title="Twitter" />
                        <img src="/images/socials/googleplus.png" id="img_googleplus" alt="google+" title="Google+" />
                        <img src="/images/socials/blogger.png" id="img_blogger" alt="blogger" title="Blogger" />
                        <img src="/images/socials/wordpress.png" id="img_wordpress"alt="wordpress" title="Wordpress" />
                        <img src="/images/socials/linkedin.png" id="img_linkedin" alt="linkedin" title="Linkedin" />
                        <img src="/images/socials/tumblr.png" id="img_tumblr" alt="tumblr" title="Tumblr" />
                        <img src="/images/socials/pinterest.png" id="img_pinterest" alt="pinterest" title="Pinterest" />
                        <img src="/images/socials/instagram.png" id="img_instagram" alt="instagram" title="Instgram" />
                        <img src="/images/socials/skype.png" id="img_skype" alt="skype" title="Skype" />
                        <img src="/images/socials/soundcloud.png" id="img_soundcloud" alt="soundcloud" title="Soundcloud" />
                        <img src="/images/socials/formspring.png" id="img_formspring" alt="formspring" title="Formspring" />
                        <img src="/images/socials/stumbleupon.png" id="img_stumbleupon" alt="stumbleupon" title="Stumbleupon" />
                        <img src="/images/socials/flickr.png" id="img_flickr" alt="flickr" title="Flickr" />
                        <img src="/images/socials/picasa.png" id="img_picasa" alt="picasa" title="Picasa" />
                        <img src="/images/socials/myspace.png" id="img_myspace"alt="myspace" title="Myspace" />
                        <img src="/images/socials/lastfm.png" id="img_lastfm" alt="lastfm" title="Lastfm" />
                        <img src="/images/socials/youtube.png" id="img_youtube" alt="youtube" title="Youtube" />
                        <img src="/images/socials/vimeo.png" id="img_vimeo" alt="vimeo" title="Vimeo" />
                        <img src="/images/socials/foursquare.png" id="img_foursquare" alt="foursquare" title="Foursquare" />
                        <img src="/images/socials/github.png" id="img_github" alt="github" title="Github" />
                        <img src="/images/socials/stackoverflow.png" id="img_stackoverflow" alt="stackoverflow" title="Stackoverflow" />
                        <img src="/images/socials/website.png" id="img_website1" alt="" title="Your first website link" />
                        <img src="/images/socials/website.png" id="img_website2" alt="Your second website link" />
                        <img src="/images/socials/website.png" id="img_website3" alt="Your third website link" />
                    </div>
		           
                    <div id="servicesInputs" >
                        <table>
                            <!-- id of tr's must be identical to the img ids above -->
                            <tr id="tr_facebook" style="display:none"><td><span class="label" >Facebook :</span></td><td><asp:TextBox ID="txtService_facebook" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_twitter" style="display:none"><td><span class="label" >Twitter :</span></td><td><asp:TextBox ID="txtService_twitter" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_blogger" style="display:none"><td><span class="label" >Blogger :</span></td><td><asp:TextBox ID="txtService_blogger" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_wordpress" style="display:none"><td><span class="label" >Wordpress :</span></td><td><asp:TextBox ID="txtService_wordpress" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_linkedin" style="display:none"><td><span class="label" >Linkedin :</span></td><td><asp:TextBox ID="txtService_linkedin" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_tumblr" style="display:none"><td><span class="label" >Tumblr :</span></td><td><asp:TextBox ID="txtService_tumblr" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_formspring" style="display:none"><td><span class="label" >Formspring :</span></td><td><asp:TextBox ID="txtService_formspring" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_stumbleupon" style="display:none"><td><span class="label" >StumbleUpon :</span></td><td><asp:TextBox ID="txtService_stumbleupon" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_flickr" style="display:none"><td><span class="label" >Flickr :</span> </td><td><asp:TextBox ID="txtService_flickr" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_picasa" style="display:none"><td><span class="label" >Picasa :</span> </td><td><asp:TextBox ID="txtService_picasa" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_myspace" style="display:none"><td><span class="label" >MySpace :</span></td><td><asp:TextBox ID="txtService_myspace" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_lastfm" style="display:none"><td><span class="label" >LastFm :</span></td><td><asp:TextBox ID="txtService_lastfm" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_youtube" style="display:none"><td><span class="label" >Youtube :</span></td><td><asp:TextBox ID="txtService_youtube" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_foursquare" style="display:none"><td><span class="label" >Foursquare :</span></td><td><asp:TextBox ID="txtService_foursquare" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_website1" style="display:none"><td><span class="label" >Website :</span></td><td><asp:TextBox ID="txtService_website1" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_website2" style="display:none"><td><span class="label" >Website(2) :</span></td><td><asp:TextBox ID="txtService_website2" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_website3" style="display:none"><td><span class="label" >Website(3) :</span></td><td><asp:TextBox ID="txtService_website3" runat="server" Text="" CssClass="textLong">  </asp:TextBox></td> </tr>
                            <tr id="tr_googleplus" style="display:none"><td><span class="label" >Google+ :</span></td><td><asp:TextBox ID="txtService_googleplus" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_instagram" style="display:none"><td><span class="label" >Instagram :</span></td><td><asp:TextBox ID="txtService_instagram" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_pinterest" style="display:none"><td><span class="label" >Pinterest :</span></td><td><asp:TextBox ID="txtService_pinterest" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_skype" style="display:none"><td><span class="label" >Skype :</span></td><td><asp:TextBox ID="txtService_skype" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_soundcloud" style="display:none"><td><span class="label" >Soundcloud :</span></td><td><asp:TextBox ID="txtService_soundcloud" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_vimeo" style="display:none"><td><span class="label" >Vimeo :</span></td><td><asp:TextBox ID="txtService_vimeo" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_github" style="display:none"><td><span class="label" >Github :</span></td><td><asp:TextBox ID="txtService_github" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                            <tr id="tr_stackoverflow" style="display:none"><td><span class="label" >Stackoverflow :</span></td><td><asp:TextBox ID="txtService_stackoverflow" runat="server" Text="" CssClass="textLong"  >  </asp:TextBox></td> </tr>
                        </table> 
                    </div>
              
	        </div>  

            
            
     
       </div>
        
       
        <div id="draggable2" class="round" style="height:auto;border:1px solid;position:absolute;z-index:1;display:none">
            
            <div style="padding:15px;">
                <div id="info"> 
		            <div id="dNameSurname"  ></div> 
                    <div id="dTitle"></div> 
                    <div id="dDescription" style="margin-top:30px"></div>
	            </div> 
                <div id="infoLink" style="margin-top:40px;width:500px;position:relative;overflow:auto;"> 
                        <a id="ad_facebook" style="width:48px" ><img src="/images/socials/facebook.png" id="imgd_facebook" alt="" style="display:none" title="Facebook"/></a>
                        <a id="ad_twitter" style="width:48px"><img src="/images/socials/twitter.png" id="imgd_twitter" alt="" style="display:none" title="Twitter"/></a>
                        <a id="ad_googleplus" style="width:48px"><img src="/images/socials/googleplus.png" id="imgd_googleplus" alt="" style="display:none" title="Google+"/></a>                                                               
                        <a id="ad_blogger" style="width:48px"><img src="/images/socials/blogger.png" id="imgd_blogger" alt="" style="display:none" title="Blogger"/></a>
                        <a id="ad_wordpress" style="width:48px"><img src="/images/socials/wordpress.png" id="imgd_wordpress"alt="" style="display:none" title="Wordpress"/></a>
                        <a id="ad_linkedin" style="width:48px"><img src="/images/socials/linkedin.png" id="imgd_linkedin" alt="" style="display:none" title="Linkedin"/></a>
                        <a id="ad_tumblr" style="width:48px"><img src="/images/socials/tumblr.png" id="imgd_tumblr" alt="" style="display:none" title="Tumblr"/></a>
                        <a id="ad_instagram" style="width:48px"><img src="/images/socials/instagram.png" id="imgd_instagram" alt="" style="display:none" title="Instagram"/></a>
                        <a id="ad_pinterest" style="width:48px"><img src="/images/socials/pinterest.png" id="imgd_pinterest" alt="" style="display:none" title="Pinterest"/></a>
                        <a id="ad_formspring" style="width:48px"><img src="/images/socials/formspring.png" id="imgd_formspring" alt="" style="display:none" title="Formspring"/></a>
                        <a id="ad_stumbleupon" style="width:48px"><img src="/images/socials/stumbleupon.png" id="imgd_stumbleupon" alt="" style="display:none" title="Stumbleupon"/></a>
                        <a id="ad_flickr" style="width:48px"><img src="/images/socials/flickr.png" id="imgd_flickr" alt="" style="display:none" title="Flickr"/></a>
                        <a id="ad_picasa" style="width:48px"><img src="/images/socials/picasa.png" id="imgd_picasa" alt="" style="display:none" title="Picasa"/></a>
                        <a id="ad_myspace" style="width:48px"><img src="/images/socials/myspace.png" id="imgd_myspace"alt="" style="display:none" title="Myspace"/></a>
                        <a id="ad_soundcloud" style="width:48px"><img src="/images/socials/soundcloud.png" id="imgd_soundcloud" alt="" style="display:none" title="Soundcloud"/></a>
                        <a id="ad_lastfm" style="width:48px"><img src="/images/socials/lastfm.png" id="imgd_lastfm" alt="" style="display:none" title="Lastfm"/></a>
                        <a id="ad_youtube" style="width:48px"><img src="/images/socials/youtube.png" id="imgd_youtube" alt="" style="display:none" title="Youtube"/></a>
                        <a id="ad_vimeo" style="width:48px"><img src="/images/socials/vimeo.png" id="imgd_vimeo" alt="" style="display:none" title="Vimeo"/></a>
                        <a id="ad_foursquare" style="width:48px"><img src="/images/socials/foursquare.png" id="imgd_foursquare" alt="" style="display:none" title="Foursquare"/></a>
                        <a id="ad_skype" style="width:48px"><img src="/images/socials/skype.png" id="imgd_skype" alt="" style="display:none" title="Skype"/></a>
                        <a id="ad_github" style="width:48px"><img src="/images/socials/github.png" id="imgd_github" alt="" style="display:none" title="Github"/></a>
                        <a id="ad_stackoverflow" style="width:48px"><img src="/images/socials/stackoverflow.png" id="imgd_stackoverflow" alt="" style="display:none" title="Stackoverflow"/></a>
                        <a id="ad_website1" style="width:48px"><img src="/images/socials/website.png" id="imgd_website1" alt="" style="display:none" title="Website"/></a>
                        <a id="ad_website2" style="width:48px"><img src="/images/socials/website.png" id="imgd_website2" alt="" style="display:none" title="Website"/></a>
                        <a id="ad_website3" style="width:48px"><img src="/images/socials/website.png" id="imgd_website3" alt="" style="display:none" title="Website"/></a>
                </div>
                
                <div style="padding-top:30px;height:25px">
                    <div style="float:left">
                        <img id="imgVotePlus" src="style/images/thumpUp.png" alt="Begendim"/>
                        <span id="spanVotePlus">10</span>
                        <img id="imgVoteMinus" src="style/images/thumpDown.png" alt="Begenmedim" /> 
                        <span id="spanVoteMinus">3</span>
                    </div>
                    <div style="float:left;margin-left:10px">
                        <button id="btnComments" class="btnFbComment" type="button">Yorum yap</button>
                    </div>
                    
                </div>
                
                <div style="padding-top:20px;width:500px">
                   <%--  <iframe id="fbLikeFrame" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftodaywho.com%2F<%= GetUserName() %>&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=120" 
                        scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:40px;" allowTransparency="true"></iframe>--%>

                    <fb:like send="false" href="http://www.todaywho.com/<%= GetUserName() %>" width="90" show_faces="false" layout="button_count"></fb:like>
                    
                    

                    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://todaywho.com/<%= GetUserName() %>" data-via="todaywho" data-lang="tr" data-related="todaywho" data-hashtags="todaywho">Tweetle</a>
                    <script>    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>

                    <!-- Place this tag where you want the +1 button to render -->
                    <g:plusone size="medium" ></g:plusone>

                    <!-- Place this render call where appropriate -->
                    <script type="text/javascript">
                        window.___gcfg = { lang: 'tr' };

                        (function () {
                            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                            po.src = 'https://apis.google.com/js/plusone.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                        })();
                    </script>

                    <a id="pinterestLink" href="" class="pin-it-button" count-layout="horizontal"><img style="vertical-align:top;" border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
                </div>
                
                
                <div class="spacer"></div>
            </div>
        </div> 
        
        
        
        
    </div>
    <asp:HiddenField ID="backgroundUrl" runat="server" />	    
</asp:Content>

